import { NgModule }      from '@angular/core';
import { FormsModule }   from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule }    from '@angular/http';

import { routing } from './app.routing';

import { DashboardComponent } from './dashboard.component';
import { HeroesComponent }  from './heroes.component';
import { HeroComponent }  from './hero.component';
import { HeroDetailComponent }  from './hero-detail.component';
import { HeroService }  from './hero/hero.service';

@NgModule({
  imports:      [ BrowserModule, FormsModule, routing, HttpModule ],
  declarations: [ HeroesComponent, HeroComponent, HeroDetailComponent,DashboardComponent ],
  providers:    [ HeroService ],
  bootstrap:    [ HeroesComponent ]
})
export class AppModule { }
